<template>
  <div id="app">
    <Header/>
    <!-- <main> -->
    <router-view/>
    <!-- </main> -->
    <Foother :totalNum="totalNum" :total="total" v-if="Show"/>
  </div>
</template>

<script>
import Header from "@/components/header.vue";
import Foother from "@/components/footer.vue";
import { mapState } from "vuex";
export default {
  name: "App",
  components: {
    Header,
    Foother
  },
  computed: {
    ...mapState(["total", "totalNum", "Show"])
  },
  mounted(){

  }
};
</script>

<style>
/* main {
  flex: 1;
  overflow:hidden;
} */
</style>
